
<template tag="以下文档内容为hycli自动生成">
  <div>
  <el-dialog
    v-model="conf.visible"
    :title="title"
    draggable
    align-center="true"
    width="68%"
    :close-on-click-modal="false"
    :before-close="hide"
  >
    <el-tabs v-model="conf.selected">
      <el-tab-pane label="详情" name="aoa">
<el-row :gutter="24" style="font-size: 0.7rem;">
  <el-col :span="4" class="text-right" style="min-height:26px">编号:</el-col>
  <el-col :span="8" v-text="view.id||'-'" style="min-height:26px" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">产品需求:</el-col>
  <el-col :span="8" v-text="view.prod_id_label" style="min-height:26px" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">标题:</el-col>
  <el-col :span="20" style="min-height:26px" v-html="'<pre>'+view.title+'</pre>'" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">产生原因:</el-col>
  <el-col :span="8" v-text="view.cause_label" style="min-height:26px" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">来源:</el-col>
  <el-col :span="8" v-text="view.source_label" style="min-height:26px" :class="$js.page.colorful(view.source,'source')" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">问题说明:</el-col>
  <el-col :span="20" style="min-height:26px" v-html="'<pre>'+view.description+'</pre>'" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">截图:</el-col>
  <el-col :span="8" style="min-height:26px">
  <el-image style="width:48px" :src="view.image_urls" preview-teleported :fit="contain" :preview-src-list="[view.image_urls]" /></el-col>
  <el-col :span="12"></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">解决方案:</el-col>
  <el-col :span="20" style="min-height:26px" v-html="'<pre>'+view.solution+'</pre>'" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">处理人:</el-col>
  <el-col :span="8" v-text="view.resolver_label" style="min-height:26px" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">状态:</el-col>
  <el-col :span="8" v-text="view.status_label" style="min-height:26px" :class="$js.page.colorful(view.status,'status')" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">创建人:</el-col>
  <el-col :span="8" v-text="view.creator_label" style="min-height:26px" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">已验证:</el-col>
  <el-col :span="8" v-text="view.is_verified_label" style="min-height:26px" :class="$js.page.colorful(view.is_verified,'is_verified')" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">已发布:</el-col>
  <el-col :span="8" v-text="view.is_published_label" style="min-height:26px" :class="$js.page.colorful(view.is_published,'is_published')" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">创建时间:</el-col>
  <el-col :span="8" v-text="view.create_time||'-'" style="min-height:26px" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">业务线:</el-col>
  <el-col :span="8" v-text="view.lob_id_label" style="min-height:26px" ></el-col>
</el-row>
      </el-tab-pane>
    </el-tabs>
    <template #footer>
      <span style="height: 60px"> </span>
    </template>
  </el-dialog>
</div>
</template>
<script>
import gantt from "@/views/cmpnts/gantt.vue"
export default {
   components: {
    gantt,
  },
  data() {
    return {
        conf:{
        visible:false,
        
        selected:"aoa",
      },
      title:"问题收集详情",
      form:{},
      view: {
        id:"",
        prod_id:"",
        title:"",
        cause:"",
        source:"",
        description:"",
        image_urls:"",
        solution:"",
        resolver:"",
        status:"",
        creator:"",
        is_verified:"",
        is_published:"",
        create_time:"",
        lob_id:"",
        },
      }
  },
  methods: {
  show_cmpnt_any(fm = {}){
    let form = Object.assign({},this.form)
    form = Object.assign(form,fm)
    this.$refs.cmpnt_any.show(form)
  },
  show_cmpnt_anv(fm = {}){
    let form = Object.assign({},this.form)
    form = Object.assign(form,fm)
    this.$refs.cmpnt_anv.show(form)
  },
  show_cmpnt_anw(fm = {}){
    let form = Object.assign({},this.form)
    form = Object.assign(form,fm)
    this.$refs.cmpnt_anw.show(form)
  },
  show_cmpnt_anz(fm = {}){
    let form = Object.assign({},this.form)
    form = Object.assign(form,fm)
    form.id = (this.bcheck||[]).join(",")
    //{"Tag":"DIALOG","Customize":false,"Name":"CMPNT","Cmd":"batupdator","Label":"验证发布","Desc":"验证发布","ICON":"check","URL":"@/views/{@prefix}/{@main}/{@name}.dialog","RwName":"w","FwName":"m","ReqURL":"finish","IsMux":true,"Table":"ws_bug_collection","Params":{"@id":"\u0026bcheck","fwName":"m","icon":"check","idx":"3","rwName":"w","showExpr":"@is_published==1"},"ParentUNQ":"","UNQ":"anz"}
    this.$refs.cmpnt_anz.show_anz(form)
  },
  show_cmpnt_anx(fm = {}){
    let form = Object.assign({},this.form)
    form = Object.assign(form,fm)
    //{"Tag":"CNFRM","Customize":false,"Name":"CMPNT","Cmd":"","Label":"删除","Desc":"删除","ICON":"","URL":"@/views/{@prefix}/{@main}/{@name}.cnfrm","RwName":"D","FwName":"","ReqURL":"/{@mainPath}/del","IsMux":true,"Table":"ws_bug_collection","Params":null,"ParentUNQ":"","UNQ":"anx"}
    this.$refs.cmpnt_anx.show_anx(form)
  },
 show(form) {
    this.conf.visible = true
    this.form = form
   let that = this;
   this.$theia.http
      .get("/ws/bug/collection",form)
      .then((res) => {
        let item = Object.assign({}, res)
        item.prod_id_label = that.$theia.enum.getName("prod_requirement",item.prod_id)
        item.cause_label = that.$theia.enum.getName("bug_cause",item.cause)
        item.source_label = that.$theia.enum.getName("bug_source",item.source)
        item.resolver_label = that.$theia.enum.getName("staff_info",item.resolver)
        item.status_label = that.$theia.enum.getName("bug_status",item.status)
        item.creator_label = that.$theia.enum.getName("user_account",item.creator)
        item.is_verified_label = that.$theia.enum.getName("bool",item.is_verified)
        item.is_published_label = that.$theia.enum.getName("bool",item.is_published)
        item.lob_id_label = that.$theia.enum.getName("my_business_line",item.lob_id)  
        item.title = (item.title||"")  
        item.description = (item.description||"")  
        item.image_urls = (item.image_urls||"")  
        item.solution = (item.solution||"")
        item.create_time = that.$theia.str.dateFormat(item.create_time,'MM/dd')
        that.view = item
      })
      .catch((res) => {
        let code = res.response.status;
        let msg = `问题收集查询失败(${code})`;
        that.$notify.error({ title: "失败", message: msg, duration: 5000 });
      });
  },
  },
};
</script>
<style scoped>
/deep/.el-step__title{
    font-size: 0.8rem;
}
.steps{
  margin-top:8px;
  margin-bottom:  16px;
}
</style>